body{
    font-family: 'Open Sans', sans-serif;
    width:100%;
    height:100%;
    position:absolute;
    background-color:rgba(0,12,254,0.4);
    min-width:1024px;
    min-height:500px;
}
.left{
	width:50%;
	height:100%;
	background: url(../img/login2.jpg) no-repeat left center;
	background-size:contain;
    -webkit-background-size:contain;
    -moz-background-size:contain;
    -o-background-size:contain;
    position:absolute;
    top:0px;
    left:5%;
    display:none;
}
.right{
	width:50%;
	height:100%;
	position:absolute;
	top:0px;
	left:50%;
}
.login-form{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-15%;
	margin-left:-25%;
	width:50%;
	height:50%;
	
}
.topRegister{
	width:70%;
	height:10%;
    position:absolute;
    top:-5%;
    left:50%;
    margin-left:-35%;
    color:#fff;
    font-weight:bold;
    font-size:30px;
}
.Registerform{
	position:absolute;
	width:100%;
	height:80%;
}
input[type="text"] {
	position:absolute;
	top:20%;
	left:50%;
	margin-left:-35%;
    width:70%;
    padding: 1em 2em 1em 3em;
    color:#fff;
    font-size:14px;
    outline:none;
    background-color:rgba(255,255,255,0.15);
    border-radius:10px;
    border:1px solid rgba(255,255,255,0.15);
    box-shadow:0 2px 3px 0 rgba(0,0,0,.1) inset;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    text-shadow: 0 1px 2px rgba(0,0,0,.1);
    -webkit-transition: all .2s;
}
input[type="password"]{
    position:absolute;
	top:45%;
	left:50%;
	margin-left:-35%;
    width:70%;
    padding: 1em 2em 1em 3em;
    color:#fff;
    font-size:14px;
    outline:none;
    background-color:rgba(255,255,255,0.15);
    border-radius:10px;
    border:1px solid rgba(255,255,255,0.15);
    box-shadow:0 2px 3px 0 rgba(0,0,0,.1) inset;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    text-shadow: 0 1px 2px rgba(0,0,0,.1);
    -webkit-transition: all .2s;
}
input[type="submit"]{
	width:50%;
	position:absolute;
	top:60%;
	left:50%;
	margin-left:-18%;
    font-size: 14px;
    color: #fff;
    outline: none;
    border: none;
    background: #3ea751;
    padding: 18px 0;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    cursor: pointer;
}
input[type="submit"]:hover {
    background: #3846d8;
    border-bottom-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-bottom-left-radius: 15px;
    -o-border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-bottom-right-radius: 15px;
    -o-border-bottom-right-radius: 15px;
    transition: 1s all;
    -webkit-transition: 1s all;
    -moz-transition: 1s all;
    -o-transition: 1s all;
}
}